<!--
 * @Author: your name
 * @Date: 2020-10-22 14:56:42
 * @LastEditTime: 2020-10-23 09:29:53
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \web\06-vue基础+项目实战\shopleft\src\views\home\components\TopBtton.vue
-->
<template>
	<div id="topButton">
		<svg
			t="1603350706941"
			class="icon"
			viewBox="0 0 1024 1024"
			version="1.1"
			xmlns="http://www.w3.org/2000/svg"
			p-id="9608"
			width="100%"
			height="100%"
		>
			<path
				d="M512 481.9968l-168.6016 168.6016a51.2 51.2 0 0 1-72.3968-72.3968l204.8-204.8a51.2 51.2 0 0 1 72.3968 0l204.8 204.8a51.2 51.2 0 1 1-72.3968 72.3968L512 481.9968z"
				p-id="9609"
				fill="#707070"
			></path>
		</svg>
	</div>
</template>

<script>
	export default {
		name: "",
	};
</script>

<style scoped>
	#topButton {
		width: 2rem;
		height: 2rem;
		background-color: white;
		border-radius: 50%;
		border: 1px solid #e4e4e4;
		position: fixed;
		bottom: 4rem;
		right: 0.8rem;
	}
</style>
